MarkdownからQuartzで静的生成してGithub Pagesでserveする
2023-11-30
のりしろnishio.icon
MarkdownからStatic Siteを生成してGithub Pagesでserveする
reading...
Quartz requires at least Node v18.14 and npm v9.3.1 to function correctly.
あれ？Nodeだな
Obsidian形式からQuartz形式にするのにfrontmatter付与の軽い変換が必要なのか
aliases, tagsがある
最低限titleだけでいいのかな
現状ScrapboxToObidianで作られたMarkdownにはタイトルの情報はない
ファイル名に入れてある
大丈夫？情報失われてるやつとかない？？
page["title"].replace(/\//gi, "-")
ふうむ、Obsidian形式の出力が欲しいわけでない場合、ここで分岐する方がいい気がするな ObsidianがWikilinksをサポートしてて、Quartzも同様にサポートしてるということか
shoya140.iconの井戸端日記帳はNext.jsから生成していた こちらは自由度が高そう
Quartzのこと詳しくないけど、これくらい手軽にカスタマイズができるといいな
検討
Github Wikiをコメントフォーム的に利用できるか？
少なくともWikiには誰でも書き込めるようにするオプションがある
記事に対する質問や誤りの指摘をGithub Issuesにするか？
とりあえず動かす
Nodeが古いと言われて入れなおし
https://gyazo.com/d70ad0a72627036c89a0031649517031
https://gyazo.com/2d059ae2da054bad7d2c61403717d6b9
うーん
https://gyazo.com/82353ebe17bb306ad10ca28430561a4e
https://gyazo.com/12627f7106e6ca3ef28f7b216c63df1f
どう見てもdivとstyleの間に空白が足りないというアホなミスだがどこを直せば良いのかわからんな
https://gyazo.com/f2ab19599bbdf51a769ab94fed42e3ac
あー、元データか
https://gyazo.com/9f30f00bbee59351ff3aab1c284d9d5b
20分掛けてなんとかなったっぽい、警告出てるけど。
https://gyazo.com/39ab4df38bad311978fbf02f2f64f29c
index.mdがないから404だw
https://gyazo.com/656074928e4a7a3223c28faf892be76a
一応ちゃんと表示されてそう
なお左のExplorerも右のBacklinkもABC順のようだ
もっといい順番にしたいね
まあそれは0→1ではなく改善なので後回し
デプロイを調べる
はー、なんかややこしいことしてるな
トリッキーな詳細隠蔽が行われてる
どうしようかなあ、これめんどくさいぞ
今日は全然歩いてなくて運動不足なのでとりあえず散歩しながら考える
眠い、今日の活動限界が近い(もう過ぎてるかも)
説明の通りにしても説明の通りにならないのでは？と思ってるけど、とりあえず説明の通りにやっておくか
なお現状
code:bash
% git status
On branch v4
Your branch is up to date with 'origin/v4'.
Changes not staged for commit:
(use "git add/rm <file>..." to update what will be committed)
(use "git restore <file>..." to discard changes in working directory)
deleted: content/.gitkeep
modified: package-lock.json
Untracked files:
(use "git add <file>..." to include in what will be committed)
content
no changes added to commit (use "git add" and/or "git commit -a")
手順
Head to “Settings” tab of your forked repository and in the sidebar, click “Pages”. Under “Source”, select “GitHub Actions”.
しれっと"forked"って言ったな
$ git remote rename origin upstream
これでいいのかな
Github Pagesの設定をforkしたquartzリポジトリでやる
https://gyazo.com/d0b529d43787e3bf540daea9b1b6517a
これでデプロイができた(Github Action上で再度ビルドからやっている)
で、やりたいことはそうじゃないんだよなー
まあでも、リポジトリが分かれててもとりあえずいいか
Deployできてないじゃん！
System.IO.IOException: No space left on device : '/home/runner/runners/2.311.0/_diag/Worker_20231129-132926-utc.log'
何がそんなに大きいんだ
https://gyazo.com/57f9426d7af9d04e2803d0780e652d15
え、どうしようもなくない？？
Cloudfrare Pagesだと？
これは多分引っかかるな...
ほぼ中身のないページですら1ページあたり2.4MBある
Component.DesktopOnly(Component.Explorer())
これを消すか
消したら20分以上掛かってたビルドが2分で終わるようになった
結論、このプラグインの実装が1万ページあるユーザを想定できていないということ
全ページに全ページへのリンクを埋め込むので2乗のオーダーでファイルサイズが膨れる